<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
    <title>点击下方按钮领取优惠券</title>
    <link rel="stylesheet" href="../style/weui.css"/>
    <link rel="stylesheet" href="./example.css"/>
</head>

<body>

    <div class="page__hd">
        <h1 class="page__title">
            <img src="./images/acc.jpg" alt="WeUI" height="278px" />
        </h1>
        <p class="page__desc">恭喜你获得一张优惠券，点击下方按钮查看</p>
    </div>

    <a class="weui-cell weui-cell_access js_item" data-id="preview"  href="index3.html" id="preview">
        <div class="weui-cell__bd">
            <p>查看并领取</p>
        </div>
        <div class="weui-cell__ft"></div>
    </a>

<script type="text/html" id="tpl_preview">
    <div class="page">
        <div class="page__hd">
            <h1 class="page__title">虾迷（中海锦苑店）</h1>
            <p class="page__desc">复购优惠券</p>
        </div>
        <div class="page__bd">
            <div class="weui-form-preview">
                <div class="weui-form-preview__hd">
                    <div class="weui-form-preview__item">
                        <label class="weui-form-preview__label">优惠券金额</label>
                        <em class="weui-form-preview__value">¥24.00</em>
                    </div>
                </div>
                <div class="weui-form-preview__bd">
                    <div class="weui-form-preview__item">
                        <label class="weui-form-preview__label">优惠商品</label>
                        <span class="weui-form-preview__value">大份香辣虾</span>
                    </div>
                    <div class="weui-form-preview__item">
                        <label class="weui-form-preview__label">有效期</label>
                        <span class="weui-form-preview__value">2017.12.12~2017.12.31</span>
                    </div>
                </div>
                <div class="weui-form-preview__ft">
                    <a class="weui-form-preview__btn weui-form-preview__btn_default" href="javascript:">分享给好友</a>
                    <button type="submit" class="weui-form-preview__btn weui-form-preview__btn_primary" href="javascript:" id="showToast">立即领取</button>
                </div>
            </div>
            <br>
        </div>
        <div class="page__ft">
            <a href="javascript:home()"><img src="./images/icon_footer_link.png" /></a>
        </div>
    </div>
</script>

<script type="text/javascript">
    var preview = $('#preview');
    preview.click(function () {
        alert(1);
    });
    preview.on('click', function (e) {
        alert(1);
    })
</script>

<script src="./zepto.min.js"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
<script src="./example.js"></script>
</body>
</html>
